<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>爬虫系统首页</title>
  <style>
        header,footer{
            width:600px;
            height:40px;
            background:#222;color:#fff;text-align:center;margin:0 auto;
        }
        header li{
            display:inline-block;margin:3px 15px;
        }
        .container{
             width:600px;height:300px;margin:0 auto;text-align:center;
        }
        .box{
          margin:15px 10px;
        }
        a{color:#fff}
    </style>
</head>
<body>
<header>
  <li><a href=" ">首页</a ></li>
  <li><a href="/gettext">爬文字</a ></li>
  <li><a href="/getimg">爬图片</a ></li>
  <li><a href="/hr">招聘</a ></li>
</header>
<div class="container">
  <div class="box">
    <img src="/static/img/01.JPG" style="height:150px;">
  </div>
  <form action="/login" method="post">
    <div class="box">
      <label for="">姓名</label>
      <input type="text" name="username" >
    </div>
    <div class="box">
      <label for="">密码</label>
      <input type="password" name="userpwd" >
    </div>
    <div class="box">
      <input type="submit" name="submit" value="登录">
      <input type="reset" value="重写">
    </div>
  </form>
</div>
<footer>
  <p>本系统由21106110孔维琦制作，抄袭必究</p>
</footer>
</body>
</html>